
/* 清除浮动 */
.clearfix{*zoom: 1;}
.clearfix:before,
.clearfix:after{
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after{clear: both;}

/* reset.css */
article,
aside,
details,
header,
nav,
section{
  display: block;
}
html{
 /* font-size: 100%;*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a{
  text-decoration: none;
}
a:focus{
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active{
  outline: 0;
}
div,section,aside,header,nav,footer,ul,li,a,img,h1,h2,h3{margin: 0; padding: 0;}
body{margin: 0; font-size: .75em; font-family: '雅黑'; background: url(../../images/website/newsback.png) repeat;}
.carCq{background: #19122b !important;}
.carPd{background: #fff !important;}
h1,h2,h3{font-size: 1.5em; font-weight: normal;}
img{
  width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea{
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
select,
input{
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
select::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea{
  overflow: auto;
  vertical-align: top;
}

/* 字符icon */
@font-face{ 
  font-family: 'WebSymbolsRegular';
      src: url('websymbols/fonts/websymbols-regular-webfont.eot');
      src: url('websymbols/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('websymbols/fonts/websymbols-regular-webfont.woff') format('woff'),
         url('websymbols/fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}
.icon{
  font-family: 'WebSymbolsRegular';
  display: inline-block;
}

/* lh */
.lh3{line-height: 3em;}

/* 三角形 */
i.sj{
  display: block;
  border: .75em solid;
  width: 0px;
  height: 0;
  margin-left: 2em;
  border-top-color: #1d2449;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  position: absolute;
  z-index: 11;
}
i.go{
  display: block;
  border: .5em solid;
  width: 0px;
  height: 0;
  margin: .25em 0 0 .5em;
  border-color: transparent transparent transparent #453f74;
}

/**/
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  position: relative;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid p{
	position: absolute;
	z-index: 2;
	display: block;
	width: 100%;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #F4F4F4;
	font-size: 42px;
	line-height: 55px;
	text-align: right;
	text-indent: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right ,.pull-right {
  float: right;
}
[class*="span"].pull-left,
.row-left [class*="span"].pull-left,.pull-left {
  float: left;
}

/* header logo */
header{
  position: relative;
  z-index: -1;
}
section{
  padding: 0 5%;
}
.mtf5    {margin-top: -5%;}
.mt2     {margin-top: 2em;}
.pt5     {padding-top: 5px;}
/* icon */
.icon-hot{
  background: url(../images/icon-hot.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

/* 新闻渐变 */
.newsGradient{
  background:-moz-linear-gradient(top, #f4f2f1,#e6e2e0);
  background:-webkit-linear-gradient(top, #f4f2f1,#e6e2e0);
  background:linear-gradient(top, #f4f2f1,#e6e2e0);
}
.usedGradient{
  background: #efefef;
}
/* item 新闻和二手车都可以用到，关于布局 img以及按钮 */
.item{
  padding: 12px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  position: relative;
}
/*.item img{
  border: 2px solid #fff;
}*/
.item h3{
  line-height: 1.5em;
}
.item h3.blue{
  color: #3c73b8;
}
.item span , .item i , .item .more , .item em {
  display: inline-block;
}
.item .time{
  color: #1643a1;
}
.item .lang , .item .rili{
  color: #5f5e5e;
  padding: 7px 5px 7px 25px;
}
.item .rili{
  background: url(../images/time.png) left no-repeat;
}
.item .lang{
  background: url(../images/long.png) left no-repeat;
}
.item .more1{
  display: block;
  background: url(../images/more1.png) no-repeat;
  width: 60px;
  height: 30px;
  background-size : 100% auto;
  margin-left: -25px;
}
.item .more2{
  display: block;
  background: url(../images/more2.png) no-repeat;
  width: 60px;
  height: 30px;
  line-height: 24px;
  padding-left: 25px;
  background-size : 80% auto;
  float: right;
  margin-top: 0em;
  font-size: .75em;
  color: #fff;
}

/* usedCar*/
.usedGradient img{
  border-bottom: none !important;
  vertical-align: top;
}
.usedGradient{
  border-bottom: 5px solid #2d3666;
}
.usedGradient h3{
  border-bottom: 1px dashed #ccc;
}
.whatMore{
  background-color: #eee;
   background-image: -moz-linear-gradient(135deg, rgba(214, 217, 233, .9) 25%, transparent 25%, transparent 50%, rgba(224, 226, 238, 0.9) 50%,rgba(224, 226, 238, 0.9) 75%, transparent 75%, transparent);
  background-image: -webkit-linear-gradient(135deg, rgba(214, 217, 233, .9) 25%, transparent 25%, transparent 50%, rgba(224, 226, 238, 0.9) 50%,rgba(224, 226, 238, 0.9) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
  padding: 2em 4em;
}
.whatMore img{
  vertical-align: top;
}
/*.whatMore a{
  display: block;
  max-width: 60%;
  margin-top: 1em;
  background:-moz-linear-gradient(top, #373d68,#111432);
  background:-webkit-linear-gradient(top, #373d68,#111432);
  background:linear-gradient(top, #373d68,#111432);
  padding: 1em .5em;
  color: #fff;
  border-radius: .5em;
  box-shadow: inset 0 1px 3px #fff ;
  text-align: center;
  margin-left: 5em;
}*/

.title{
  border-top: 1 solid #373f60;
  background:-moz-linear-gradient(top, #535d8a,#171c41);
  background:-webkit-linear-gradient(top, #535d8a,#171c41);
  background:linear-gradient(top, #535d8a,#171c41);
  text-align: center;
  text-shadow: 1px 5px 10px rgba(0,0,0,.5);
  padding: 2em .5em;
  font-weight: bold;
  margin-top: -2em;
}
.title h2{
  color: #fff;
  font-size: .75em;
}
.punchIn{
  background: #e8e4e1;
}
.punchInMes{
  color:#203258;
  text-align: center;
  padding: 1em 0 .75em 0;
  font-style: 1.25em;
}
.punchInMes span , .punchInMes strong{
  display: inline-block;
}
.punchInMes .span6{
  margin-left: 0;
}
.punchInMes .span6 i{
  display: inline-block;
  vertical-align: middle;
  background: url(../images/loc.png) no-repeat left center;
  width: 19px;
  height: 30px;
}
.punchInMes strong{
  font-weight: normal;
  color: #f00;
  padding: 0 .5em;
}

.footer{
  background: #d8d4dc;
  height: 4em;
  padding: 2em 0;
}
.cardBtn{
  background:-moz-linear-gradient(top, #9592ad,#fcfcfc);
  background:-webkit-linear-gradient(top, #9592ad,#fcfcfc);
  background:linear-gradient(top, #9592ad,#fcfcfc); 
  padding: .5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 15em;
  height: 3em;
  margin: 0 auto;
}
.cardBtn a{
  display: block;
  background:-moz-linear-gradient(top, #514a80,#040310);
  background:-webkit-linear-gradient(top, #514a80,#040310);
  background:linear-gradient(top, #514a80,#040310); 
  color: #fff;
  text-decoration: none;
  text-align: center;
  height: 3em;
  line-height: 3em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/* =carDetail */
.carDetail{
  background: #fff;
  margin: 0 5%;
  padding: 0 !important;
}
.carDetail ul{
  list-style: none;
}
.carDetail li{
  min-width: 19.25em;
  min-height: 19.25em;
  display: inline-block;
  margin: 5px;
}
.carDetail .nth1{
  background: #564680;
}
.carDetail .nth2{
  background: #6b6fb3;
}
.carDetail .nth3{
  background: #cc873d;
}
.carDetail .nth4{
  background: #df4746;
}
.carDetail .nth5{
  background: #df4746;
}
.carDetail .nth6{
  background: #564680;
}

/* errorFind */
.erroeContent{
  background: #d5d5e1;
  padding: 4em 0;
}
.inputWell{
  background: #9a91c6;
  width: 220px;
  margin: 10px 10px 10px 20px;
  padding: 10px 10px 10px 100px;
}
.inputBox{
  background: #b1abd6;
  padding: .75em;
}
.inputBox input{
  border: none;
  display: inline-block;
  background: #9a91c6;
  outline: none;
  width: 90%;
  padding: .75em;
}

/* carNewsDetail */
#carNewsDetail{
  background: #f4f0ef;
  padding: 0 !important;
}
.detailTitle{
  background:-moz-linear-gradient(top, #f4f0ef,#e0e0e0);
  background:-webkit-linear-gradient(top, #f4f0ef,#e0e0e0);
  background:linear-gradient(top, #f4f0ef,#e0e0e0);
  padding: 0.5em 0;
  text-align: center;
}
.detailTitle h2{
  color: #05006c;
  font-weight: bold;
  margin: .5em 0;
}
.detailTitle span{
  display: block;
  color: #4f4f4f;
  font-weight: bold;
}
#carNewsDetail .details{
  padding: 5%;
  background:#FFF;
}
#carNewsDetail .details img{
  border: 1px solid #aeaaaa;
  padding: .5em;
}
#carNewsDetail .details p{
  line-height: 1.75em;
  word-wrap: break-word;
  break-word: break-all;
}

/* carUser */
.userTitle{
  padding: 1em 0;
  background: #c5531f;
  text-align: center;
}
.userTitle h2{
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
}
.userForm{
  background: #f1f1f1;
  padding: 0 1em;
}
.userForm .row-fluid{
  border-bottom: 1px solid #b9bcc1;
  border-top: 1px solid #fff;
  padding: 2em 0;
}
.userForm .row-fluid:first-child{
  border-top: none;
}
.userForm .row-fluid:nth-child(4){
  border-bottom: none;
}
.userForm .span4{
  padding: 0 1em;
}
.userForm .span4 span{
  display: block;
  color: #4a5b65;
  margin: .5em 0;
}
.userForm i{
  display: inline-block;
}
.userForm .span8{
  position: relative;
}
.userForm .span8 i{
  position: absolute;
  top: 1em;
  left: .5em;
}
  /* 关于carUser的input边框记忆边框颜色 border控制边框 shadow为阴影 副边框用outline 修改border-left的颜色即可*/
  .userForm input{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e7e7e8;
    color: #61739b;
    outline: none;
    padding: 1em .5em .9em .3em;
    width: 80%;
    font-size: 1.5em;

    border: solid;
    border-width: 1px 1em 1px 1px; 
  }
  .userForm input.num{
    border-color: #a1afba #e68155 #a1afba #a1afba;
  }
  .userForm input.mes{
    border-color: #a1afba #6fac5c #a1afba #a1afba;
  }
  .userForm input.tel{
    border-color: #a1afba #6eb1e3 #a1afba #a1afba;
  }
  .userForm input.yez{
    border-color: #a1afba #ff8682 #a1afba #a1afba;
  }
  .userForm .submit{
    text-align: center;
    padding: 1em;
  }
  .userForm .submit button{
    border: 1px solid #a53503;
    box-shadow: 0 0 5px #ccc inset;
    /*背景色分离*/
    background: #e06e3a;
    color: #fff;
    text-align: center;
    padding: .6em 2em;
  }
  .userForm .submit button i{
    vertical-align: middle;
    border: 1px solid;
    border-color: #000 #000 #fff #000;
  }

/* carNewsDetail footer */
footer , .footers{
  background: #e3dfdf;
  padding: 1em .5em;
  line-height: 3em;
}
footer .row-fluid , .footers .row-fluid{
  border: 1px solid;
  border-color: #ccc #fff #fff #ccc;
  background: #f4f0ef;
  box-shadow: 2px 2px 3px #ccc inset;
  padding: 0 5px;
}
footer .span7 , .footers .span7{
  margin-left: 0;
}
footer .span5 , .footers .span5{
  margin-left: 0;
}
footer a , .footers a{
  color: #59595a;
  text-decoration: none;
  display: inline-block;
}
footer a.nth1 , .footers a.nth1{
  background: url(../images/footerLogo.png) no-repeat left center;
  padding-left: 2em;
  background-size: 25% auto;
}
footer a.nth2 , .footers a.nth2{
  background: url(../images/footerTel.png) no-repeat left center;
  padding-left: 1em;
  background-size: 15% auto;
}


.textc{
  text-align: center;
}
.textr{
  text-align: right;
}
.textl{
  text-align: left;
}

/* 跑车传奇 */
.titleCq{margin: .8em 0;}
.itemCq , .itemCqb{padding: 0 1em 1em;}
.itemCq li{width: 49%; padding-bottom: 1em; vertical-align: bottom;}
.itemCq li:nth-child(even){float: right;}
.itemCq li:nth-child(odd){float: left;}
.itemCq li:nth-child(5){width: 100%; padding-bottom: 0;}
.itemCqb li{padding-bottom: 1em;}

.jl{padding: 0 .5em 1em; background: #f7ebdf;}

.carPd .row-fluid{
  margin: .5em 0;
}
.carPd .pdTxt{
  padding: 1em;
}
.carPd .more{
  display: block;
  color: #2d2e30;
  border: 1px solid #2d2e30;
  border-radius: 2em;
  padding: 1em .5em;
  text-align: center;
  background: #f8f8f8;
}

/* 娱乐天地 */
.contentYl{background: #e7e7e9;}
.contentYl .item img{border: none;}
.contentYl .row-fluid{background: #f4f1e9;}
.contentYl .item h3{color: #2a2653;}
.contentYl .item span{color: #898886;}
.contentYl .item .more{
  display: block;
  background: #1da9e5;
  width: 5em;
  padding: 1em 2em;
  color: #fff;
  border-radius: 3em;
  font-weight: bold;
  float: right;
  box-shadow: inset 0 0 10px #000;
}
.contentYl .item{
  margin-bottom: 1em;
}
.contentYl .item:last-child{
  margin-bottom: 0;
}
/* 违章查询 */
.contentEs{background: #d5d5e1; padding: 2em 0 0 0; margin-top: -.2em;}
.contentSj{background: #fff;}
.contentBy{background: #f2f1f1;}
.selectForm{border-top: 1px dashed #6b6fb3; border-bottom: 1px dashed #6b6fb3; padding: 2em 0;}
.selectForm .text1{background: url(../images/es01.png) no-repeat;}
.selectForm .text2{background: url(../images/es2.png) no-repeat;}
.selectForm .text3{background: url(../images/nameSj.png) no-repeat;}
.selectForm .text4{background: url(../images/telSj.png) no-repeat;}
.selectForm .text5{background: url(../images/day.png) no-repeat;}
.selectForm .text6{background: url(../images/hour.png) no-repeat;}
.selectForm .text7{background: url(../images/nameBy.png) no-repeat;}
.selectForm .text8{background: url(../images/telBy.png) no-repeat;}
.selectForm .text9{background: url(../images/dayBy.png) no-repeat;}
.selectForm .text10{background: url(../images/hourBy.png) no-repeat;}
.selectForm .text{ width: 280px; height: 50px; background-size: 100% 100%; position: relative; border-bottom: 1px solid #fff;}
.selectForm .text .input{position: absolute; right: 1em; bottom: .6em; padding: .8em; background: transparent; border: 0;}
.selectForm .text6 input , .selectForm .text10 input {
  bottom: .6em;
  padding: .7em 1.6em;
  background: #fff;
  width: 1em;
  position: absolute;
}
.selectForm .text10 select{
    bottom: .6em; 
    width: 4.5em;
    padding: .8em .5em;
    position: absolute;
}
.selectForm .text9 select{
    bottom: .6em;
    position:absolute;
    padding: .7em 1em;
    width:13em;
    right:.5em;
}
.selectForm .text6 input:nth-child(1) , .selectForm .text10 select:nth-child(1){
  right: 2.4em; 
}
.selectForm .text6 input:nth-child(2) , .selectForm .text10 select:nth-child(2){
  right: 9em;
}
.selectForm .text5 a , .selectForm .text9 a{
  display: inline-block;
  padding: 1.1em 1.5em;
  background: transparent;
  width: 1em;
  position: absolute;
  bottom: .6em;
}
.selectForm .text5 a:nth-child(1) , .selectForm .text9 a:nth-child(1){
  right: .7em;
}
.selectForm .text5 a:nth-child(2) , .selectForm .text9 a:nth-child(2){
  right: 5.1em;
}
.selectForm .text5 a:nth-child(3) , .selectForm .text9 a:nth-child(3){
  right: 9.6em;
}
.tips{padding: .5em 0; color: #909090;}
.botColors{margin: 0; margin-top: 1em;}
.botColors .span3{margin-left: 0; min-height: 2px !important; width: 25%;}
.botColors .nth1{background: #5d6093;}
.botColors .nth2{background: #6b6fb3;}
.botColors .nth3{background: #564680;}
.botColors .nth4{background: #6b6fb3;}
.selectSubmit{background: #c3c3ce; padding: 1em;}
.selectSubmit .img1{ background: url(../images/selectS.png) no-repeat; background-size: 80% 80%; }
.selectSubmit .img2{ background: url(../images/sjSubmit.png) no-repeat; background-size: 80% 80%; }
.selectSubmit .img3{ background: url(../images/submitBy.png) no-repeat; background-size: 80% 80%; }

.selectSubmit input{border:none;width: 140px; height: 40px; }
.contentSj .selectSubmit{background: #d5e5fe; padding: 1em;}
.contentSj .botColors .nth1{background: #a3c9f9;}
.contentSj .botColors .nth2{background: #5ca1e6;}
.contentSj .botColors .nth3{background: #0863b5;}
.contentSj .botColors .nth4{background: #5ca1e6;}

.contentGz{padding: 0%; background: #000 !important;}
.contentGz section{padding: 0%;}



@media (max-width: 768px) {
	.row-fluid p {
		font-size: 12px;
		line-height: 18px;
	}
}

@media (min-width: 1200px) {
  i.sj{
    border-width: 1.5em;
  }
}


/* 全剧设置 关于图片链接触摸变色/input placeholder文字颜色等 */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #61739b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #61739b;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #61739b;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #61739b;
}